<template>
	<view>
		<image class="bg" src="../../static/uimage/sucai.jpg"></image>
		<view class="loginIn-page">
			<view class="iamage">
				<image src="../../static/uimage/question.svg"></image>
			</view>
			<view class="login">
				<view class="login-title">我是？</view>
				<view class="sel">
					<button class="left" @click="tohome">
						<text>乘客</text>
					</button>
					<button class="right" @click="todache">
						<text>车主</text>
					</button>
				</view>
			</view>
		</view>
	</view>		
</template>

<script>
	export default {
		name: "choose-component",
		data() {
			return {	
			};
		},
	    methods:{
		    tohome(){
				uni.navigateTo({
					url:"home"
				})
			},
			// toforgetPS1(){
			// 	uni.navigateTo({
			// 		url:"forgetPS1",
			// 	})
			// }
	    }
	}
</script>

<style>
	.bg{
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.loginIn-page{
		/* 定位可以改变区域大小至全屏 */
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,0);
		
		/* 弹性容器 */
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
	}
	.loginIn-page image{
		margin-left: 80rpx;
	}
	.login{
		width: 90%;
		height: 70%;
		/* a就是透明度 0完全透明~1不透明 */
		background-color: rgba(255, 255, 200,0);
		/* 设置圆角 */
		border-radius: 50rpx;
		/* 弹性容器 */
		display: flex;
		flex-direction: column;
		/* justify-content: center; */
		align-items: center;
	}
	/* 标题 */
	.login-title{
		font-size: 80rpx;
		color: white;
		margin-top: 20rpx;
		margin-bottom: 60rpx;
		margin-left: 60rpx;
	}
/* 	.login-next{
		margin-top: 50rpx;
		width: 70%;
		height: 88rpx;
		line-height: 88rpx;
		background-color: rgba(244,206,82,0.95);
		color: white;
		border-radius: 44rpx;
		} */
	.sel{
		width: 90%;
		display: flex;
		justify-content: space-around;
	}
	.left{
		display: flex;
		align-items: center;
		justify-content:center;
		width: 300rpx;
		height: 300rpx;
		background-color: rgba(122,221,194,0.95);
		border-radius: 150rpx;
	}
	.left text{
		color: white;
		font-size: 80rpx;
	}
	.right{
		display: flex;
		align-items: center;
		justify-content:center;
		width: 300rpx;
		height: 300rpx;
		background-color: rgba(122,221,194,0.95);
		border-radius: 150rpx;
	}
	.right text{
		color: white;
		font-size: 80rpx;
	}
</style>